<template>
  <div class="log p-d">
    <el-row class="top-tabs-box">
      <el-tabs v-model="activeName">
        <el-tab-pane
          label="操作日志"
          name="userLog"
          v-if="getFunction('getOperationLogList')"
        >
          <UserLog />
        </el-tab-pane>
        <el-tab-pane
          label="系统日志"
          name="sysTemLog"
          lazy
          v-if="getFunction('getSystemLog')"
        >
          <SystemLog />
        </el-tab-pane>
      </el-tabs>
    </el-row>
  </div>
</template>

<script>
import UserLog from "./userLog/userLog.vue";
import SystemLog from "./system/systemLog.vue";
export default {
  name: "Logs",
  components: { UserLog, SystemLog },
  data() {
    return {
      activeName: "userLog",
    };
  },
};
</script>

<style lang="less" scoped>
.log {
  padding: 20px;
  .el-tabs {
    :deep(.el-tabs__header) {
      background-color: #fff;
      padding: 0 0 0 24px;
      height: 48px;
      line-height: 48px;
    }
  }
  :deep(.top-tabs-box .el-tabs .el-tabs__header::after) {
    height: 1px;
    background-color: #f2f2f2;
  }
}
</style>
